$(function(){
	// 顶部广告关闭按钮
	$('#topad_close').click(function() {
		$('#topad').hide();
	});
	// 侧导航条
	$('.ul_menu_left .list').hover(function() {
		$(this).find('.rightcon').show();
	}, function() {
		$(this).find('.rightcon').hide();
	});
// 顶部下拉导航菜单
		// 手机苏宁
	$('.mobSN').hover(function() {
		$('.ph').parent('li').css("background",'#fff');
		$('.ph').attr('class','phhover');
		$('#leftMob').show();
	}, function() {
		$('#leftMob').hide();
		$('#mobSN').css("background",'none');
		$('.phhover').attr('class','ph');
		$('.ph').parent('li').css("background",'none');
	});
	// 关闭
	$('.leftMob .colose ').hover(function() {
		$(this).css('animation','icorun 1s linear');
	}, function() {
		$(this).css('animation','none');
	});
	$('#top .close').click(function() {
		$('.rightcon').hide();
	});
	$('.leftMob .colose').click(function() {
		$('.leftMob').hide();
	});
		// 导航菜单
	$('.alistnav').hover(function() {
		$('.a_menu').attr('class','a_menuhover');
		$('.alistnav').css({'background':'#fff','border':'none'});
		$('.navconts').show();
	}, function() {
		$('.navconts').hide();
		$('.a_menuhover').attr('class','a_menu');
		$('.alistnav').css({'background':'none','border':'none'});
	});
	
	// 关闭
	$('.navconts .colose').hover(function() {
		$(this).css('animation','icorun 1s linear');
	}, function() {
		$(this).css('animation','none');
	});
	$('.navconts .colose').click(function() {
		$('.navconts').hide();
	});
	// 我的订单下拉菜单
	$('.loginright .aorder li').hover(function() {
		$('.loginright .aorder').attr('class','aorderhover');
		
	}, function() {
		$('.loginright .aorderhover').attr('class','aorder');
	});
	// 我的易购
		$('.loginright .abuy li').hover(function() {
		$('.loginright .abuy').attr('class','abuyhover');
	}, function() {
		$('.loginright .abuyhover').attr('class','abuy');
	});


	// 服务中心
	$('.loginright .aser li').hover(function() {
		$('.loginright .aser').attr('class','aserhover');
	}, function() {
		$('.loginright .aserhover').attr('class','aser');
	});
	//	搜索条聚焦事件
	$('.seach .text').focus(function(){
		$('.seach .text').val('');
	});
	$('.seach .text').blur(function(){
		if($('.seach .text').val('')){
			$('.seach .text').val('输入搜索内容');
		};
	});
	// 搜过条右侧广告
	$('.logorightad').hover(function() {
		$('.logorightad').css({'height':'60px','background':'#fff'})
	}, function() {
		$('.logorightad').css({'height':'40px','background':'none'})
	});
	// 1F tab切换	
	var f=0;
	// 左按钮点击事件
	$('#leftbtn').click(function() {
		f--;
		if(f==-1){
			left = -1190*6;
			$('#contentsTab ul').css('left',left);
			f=5;
		}

		// console.log(f);
	var left =-1190*f;
	$('#contentsTab ul').stop().animate({'left':left+'px'}, 300)
	$('.right_tab_tit_f1 ul li').eq(f).find('a').addClass('onchicked');
	$('.right_tab_tit_f1 ul li').eq(f).siblings('li').find('a').removeClass('onchicked');
	})
	// 右按钮点击事件
	$('#rightbtn').click(function() {
		f++;
		if(f==6){
			left = 1190*1;
			$('#contentsTab ul').css('left',left);
			f=0;
		}
		var left=-1190*f;
		$('#contentsTab ul').stop().animate({'left':left+'px'}, 300);
		console.log(left);
		console.log('left value'+$('#contentsTab ul').css('left'));
		$('.right_tab_tit_f1 ul li').eq(f).find('a').addClass('onchicked');
	$('.right_tab_tit_f1 ul li').eq(f).siblings('li').find('a').removeClass('onchicked');
	});
	//tab 标题被选中状态事件
	$('.right_tab_tit_f1 ul li').hover(function() {
		f=$(this).index();
		var left=-1190*f;
		$('#contentsTab ul').stop().animate({'left':left+'px'}, 300);
		console.log(left);
		console.log('left value'+$('#contentsTab ul').css('left'));
		$('.right_tab_tit_f1 ul li').eq(f).find('a').addClass('onchicked');
	$('.right_tab_tit_f1 ul li').eq(f).siblings('li').find('a').removeClass('onchicked');
	}, function() {		
	});
	// 左右按钮淡入淡出
	$('#contentsTab').hover(function() {
		$('#leftbtn').show();
	}, function() {
		$('#leftbtn').hide();
	});
	// 2F轮播  tab切换	
	var z=0;
	// 左按钮点击事件
	$('#leftbtn1').click(function() {
		z--;
		if(z==-1){
			left = -1190*6;
			$('#contentsTab1 ul').css('left',left);
			z=5;
		}

		// console.log(z);
	var left =-1190*z;
	$('#contentsTab1 ul').stop().animate({'left':left+'px'}, 300)
	$('.right_tab_tit_f2 ul li').eq(z).find('a').addClass('onchicked_f2');
	$('.right_tab_tit_f2 ul li').eq(z).siblings('li').find('a').removeClass('onchicked_f2');
	})
	// 右按钮点击事件
	$('#rightbtn1').click(function() {
		z++;
		if(z==6){
			left = 1190*1;
			$('#contentsTab1 ul').css('left',left);
			z=0;
		}
		var left=-1190*z;
		$('#contentsTab1 ul').stop().animate({'left':left+'px'}, 300)
		$('.right_tab_tit_f2 ul li').eq(z).find('a').addClass('onchicked_f2');
	$('.right_tab_tit_f2 ul li').eq(z).siblings('li').find('a').removeClass('onchicked_f2');
	});
	//tab 标题被选中状态事件
	$('.right_tab_tit_f2 ul li').hover(function() {
		z=$(this).index();
		var left=-1190*z;
		$('#contentsTab1 ul').stop().animate({'left':left+'px'}, 300);
		console.log(left);
		console.log('left value'+$('#contentsTab1 ul').css('left'));
		$('.right_tab_tit_f2 ul li').eq(z).find('a').addClass('onchicked_f2');
	$('.right_tab_tit_f2 ul li').eq(z).siblings('li').find('a').removeClass('onchicked_f2');
	}, function() {		
	});
	// 左右按钮淡入淡出
	$('#contentsTab1').hover(function() {
		$('#leftbtn1').show();
	}, function() {
		$('#leftbtn1').hide();
	});
	// 3f tab 切换
	var s=0;
	// 左按钮点击事件
	$('#leftbtn2').click(function() {
		s--; 
		if(s==-1){
			left = -1190*6;
			$('#contentsTab2 ul').css('left',left);
			s=5;
		}

		console.log(s);
	var left =-1190*s;
	$('#contentsTab2 ul').stop().animate({'left':left+'px'}, 300)
	$('.right_tab_tit_f3 ul li').eq(s).find('a').addClass('onchicked_f3');
	$('.right_tab_tit_f3 ul li').eq(s).siblings('li').find('a').removeClass('onchicked_f3');
	})
	// 右按钮点击事件
	$('#rightbtn2').click(function() {
		s++;
		if(s==6){
			left = 1190*1;
			$('#contentsTab2 ul').css('left',left);
			s=0;
		}
		var left=-1190*s;
		$('#contentsTab2 ul').stop().animate({'left':left+'px'}, 300)
		$('.right_tab_tit_f3 ul li').eq(s).find('a').addClass('onchicked_f3');
	$('.right_tab_tit_f3 ul li').eq(s).siblings('li').find('a').removeClass('onchicked_f3');
	});
	//tab 标题被选中状态事件
	$('.right_tab_tit_f3 ul li').hover(function() {
		s=$(this).index();
		var left=-1190*s;
		$('#contentsTab2 ul').stop().animate({'left':left+'px'}, 300);
		console.log(left);
		console.log('left value'+$('#contentsTab2 ul').css('left'));
		$('.right_tab_tit_f3 ul li').eq(s).find('a').addClass('onchicked_f3');
	$('.right_tab_tit_f3 ul li').eq(s).siblings('li').find('a').removeClass('onchicked_f3');
	}, function() {		
	});
	// 左右按钮淡入淡出
	$('#contentsTab2').hover(function() {
		$('#leftbtn2').show();
	}, function() {
		$('#leftbtn2').hide();
	});
	// 4f tab 切换
	var b=0;
	// 左按钮点击事件
	$('#leftbtn3').click(function() {
		b--;
		if(b==-1){
			left = -1190*6;
			$('#contentsTab4 ul').css('left',left);
			b=5;
		}
	var left =-1190*b;
	$('#contentsTab3 ul').stop().animate({'left':left+'px'}, 300)
	$('.right_tab_tit_f4 ul li').eq(b).find('a').addClass('onchicked_f4');
	$('.right_tab_tit_f4 ul li').eq(b).siblings('li').find('a').removeClass('onchicked_f4');
	})
	// 右按钮点击事件
	$('#rightbtn3').click(function() {
		b++;
		if(b==6){
			left = 1190*1;
			$('#contentsTab3 ul').css('left',left);
			b=0;
		}
		var left=-1190*b;
		$('#contentsTab3 ul').stop().animate({'left':left+'px'}, 300)
		$('.right_tab_tit_f4 ul li').eq(b).find('a').addClass('onchicked_f4');
	$('.right_tab_tit_f4 ul li').eq(b).siblings('li').find('a').removeClass('onchicked_f4');
	});
	//tab 标题被选中状态事件
	$('.right_tab_tit_f4 ul li').hover(function() {
		b=$(this).index();
		var left=-1190*b;
		$('#contentsTab3 ul').stop().animate({'left':left+'px'}, 300);
		console.log(left);
		console.log('left value'+$('#contentsTab3 ul').css('left'));
		$('.right_tab_tit_f4 ul li').eq(b).find('a').addClass('onchicked_f4');
	$('.right_tab_tit_f4 ul li').eq(b).siblings('li').find('a').removeClass('onchicked_f4');
	}, function() {		
	});
	// 左右按钮淡入淡出
	$('#contentsTab3').hover(function() {
		$('#leftbtn3').show();
	}, function() {
		$('#leftbtn3').hide();
	});
	// 苏宁社区tab 切换
	
	// 左按钮单击事件
	var c=0;
	// 左按钮点击事件
	$('#leftbtn4').click(function() {
		c--;
		if(c<=-1){
			left = -1000*3;
			$('#f6tab ul').css('left',left);
			c=2;
		}

		console.log(c);
	var left =-1000*c;
	$('#f6tab ul').stop().animate({'left':left+'px'}, 300)
	$('#bottombtn  span').eq(c).addClass('redchoose').siblings('span').removeClass('redchoose');
	// $('#bottombtn  span').eq(c).siblings('span').removeClass('redchoose');
	})
	// 右按钮点击事件
	$('#rightbtn4').click(function() {
		c++;
		if(c==3){
			left = 1000*1;
			$('#f6tab ul').css('left',left);
			c=0;
		}
		var left=-1000*c;
		console.log(c);
		$('#f6tab ul').stop().animate({'left':left+'px'}, 300)
		$('#bottombtn  span').eq(c).addClass('redchoose').siblings('span').removeClass('redchoose');
	});
	//tab 标题被选中状态事件
	$('#bottombtn  span').hover(function() {
		c=$(this).index();
		var left=-1000*c;
		$('#f6tab ul').stop().animate({'left':left+'px'}, 300);
		console.log(left);
		console.log('left value'+$('#f6tab ul').css('left'));
		$('#bottombtn  span').eq(c).addClass('redchoose').siblings('span').removeClass('redchoose');
	}, function() {		
	});
	// 左右按钮淡入淡出
	$('#f6tab').hover(function() {
		$('#leftbtn4').show();
	}, function() {
		$('#leftbtn4').hide();
	});

	////////////////////////////
// 轮播图
	bg =['#43AF64','#CF1E55','#BB0C29','#7BC319','#D01F56','#E6100E','#FE6F5F','#FF5594','#EEF2F5','#FFE5DC','#02CEE9','#AFDCF9','#E8B50C','#691E85','#F4F5F9','#AF072B','#070707','#0AFDF7','#F7DA00','#003FA9','#030408','#5D00B3','#8B02D8','#F10981','#C3001E','#FEFCE3','#43AF64','#CF1E55','#BB0C29','#7BC319','#D01F56','#E6100E','#FE6F5F','#FF5594','#EEF2F5','#FFE5DC','#02CEE9','#AFDCF9','#E8B50C','#691E85','#F4F5F9','#AF072B',]
	var l=0;
	// 轮播运行
	var minH=0;
	function turn(){
		l++;
		l=(l==42)?0:l;
		if(l<=1){
			minH=0;
		}else if(l<=6){
			minH=1;
		}else if(l<=10){
			minH=2;
		}else if(l<=15){
			minH=3;
		}else if(l<=20){
			minH=4;
		}else if(l<=23){
			minH=5;
		}else if(l<=26){
			minH=6;
		}else if(l<=31){
			minH=7;
		}else if(l<=36){
			minH=8;
		}else if(l<=39){
			minH=9;
		}else if(l<=42){
			minH=10;
		}
			// console.log(l); console.log(l+'mH'+minH)
			// 图片轮播
		$('#rightside ul li img').eq(l).css({'z-index':'50','opacity':'0'},1).fadeTo(1,1).siblings('img').css({'z-index':'0'},1);
			// 背景更随
		$('#side').css({'background':bg[l],'opacity':'0'},1).fadeTo(1,1);
		// 图标轮换
		$('#sidelist ul li .moreico').find('i').removeClass('cred');
		$('#sidelist ul li .moreico').find('i').eq(l).addClass('cred');
		// 改变高度 显示高度区域
		$('#sidelist ul li').find('.moreico').hide();
		$('#sidelist ul li').find('.moreico').eq(minH).show();

	}
	// 时间绑定
	timer = setInterval(turn,2000);	
	// 鼠标移入事件   停止计时器
  	$('#rightside').hover(function() {
		clearInterval(timer);
	}, function() {
	timer = setInterval(turn,2000);	
	});
	// 鼠标移入菜单显示
	 var holdOn;
	$('#sidelist >ul >li').hover(function() {
		clearTimeout(holdOn);

			m= $(this).index();  //外层li的序列号
						// 内层定位判断 外层li序号大于8 内层 定位居左		
			if(m>8){
				// console.log(m+'>8');
				$(this).find('.moreico2').css({'right': '0px','position':'absolute'});
			}else{
				// console.log(m+'<8');
			    $(this).find('.moreico2').css({'left':'0px','position':' absolute'});
			}

			num =$(this).find('.moreico2 li').length;  //当前选中的子集li个数
			autoH = num*25;
			$(this).find('.moreico2').css({'height': autoH+'px'});
			// 小区块隐藏
			$('#sidelist ul li').find('.moreico').hide();
			// $('#sidelist ul li').css('background','rgba(0,0,0,0.5)');
			// 清空所有状态
			$('#sidelist ul li').find('.moreico2').hide();
			// 当前选中显示 li内第一张图
			$(this).find('.moreico2').show();
					
				// 图片轮播
			// 获取当前li下第一张图序号
			no1=$(this).index('.moreico2 li');
			ll= $(this).find('.moreico2 li').index('#sidelist>ul>li li');	
			holdOn = setTimeout(function(){
			$('#rightside ul li img').eq(ll).css({'z-index':'50','opacity':'0'},1).fadeTo(1,1).siblings('img').css({'z-index':'0'},1);
				// 背景更随
			$('#side').css({'background':bg[ll],'opacity':'0'},1).fadeTo(1,1);

		},300);



	}, function() {
		// 移出隐藏
		$('#sidelist ul li').find('.moreico2').hide();

		// $('#sidelist ul li .moreico').find('i').eq(l).addClass('cred');
		// timer = setInterval(turn,1000);	

	});
	// 内层li hove事件
	var holdOnLI;
	$('#sidelist>ul>li').find(' li').hover(function() {
		clearTimeout(holdOnLI);
		// 获取当前li的序列号 相对父级
		l= $(this).index('.moreico2 li');		
		$('#sidelist >ul >li .moreico2 li i').removeClass('cred');
		$(this).children('i').addClass('cred');
		holdOnLI = setTimeout(function(){
		$('#rightside ul li img').eq(l).css({'z-index':'50','opacity':'0'},50).fadeTo(50,1).siblings('img').css({'z-index':'0'},50);
		$('#side').css({'background':bg[l],'opacity':'0'},50).fadeTo(50,1);
		
		//判断内层li个数 自动赋值 高度
		},300);
	}, function() {
		$(this).children('i').removeClass('cred');
	});

	
	

	// 左侧按钮点击
	$('#leftbtn0').click(function() {
		l++;
		l=(l==42)?0:l;
		if(l<=1){
			minH=0;
		}else if(l<=6){
			minH=1;
		}else if(l<=10){
			minH=2;
		}else if(l<=15){
			minH=3;
		}else if(l<=20){
			minH=4;
		}else if(l<=23){
			minH=5;
		}else if(l<=26){
			minH=6;
		}else if(l<=31){
			minH=7;
		}else if(l<=36){
			minH=8;
		}else if(l<=39){
			minH=9;
		}else if(l<=42){
			minH=10;
		}
		$('#rightside ul li img').eq(l).css({'z-index':'50','opacity':'0'},1).fadeTo(1,1).siblings('img').css({'z-index':'0'},1)
		$('#side').css({'background':bg[l],'opacity':'0'},1).fadeTo(1,1)
		$('#sidelist ul li .moreico').find('i').removeClass('cred')
		$('#sidelist ul li .moreico').find('i').eq(l).addClass('cred')
		$('#sidelist ul li').find('.moreico').hide();
		$('#sidelist ul li').find('.moreico').eq(minH).show();
	});
	// 右侧按钮事件
	$('#rightbtn0').click(function() {
		l--;
		l=(l<=-1)?42:l;
		if(l<=1){
			minH=0;
		}else if(l<=6){
			minH=1;
		}else if(l<=10){
			minH=2;
		}else if(l<=15){
			minH=3;
		}else if(l<=20){
			minH=4;
		}else if(l<=23){
			minH=5;
		}else if(l<=26){
			minH=6;
		}else if(l<=31){
			minH=7;
		}else if(l<=36){
			minH=8;
		}else if(l<=39){
			minH=9;
		}else if(l<=42){
			minH=10;
		}
		console.log(l);
		$('#rightside ul li img').eq(l).css({'z-index':'50','opacity':'0'},1).fadeTo(1,1).siblings('img').css({'z-index':'0'},1)
		$('#side').css({'background':bg[l],'opacity':'0'},1).fadeTo(1,1)
		$('#sidelist ul li .moreico').find('i').removeClass('cred')
		$('#sidelist ul li .moreico').find('i').eq(l).addClass('cred')
		$('#sidelist ul li').find('.moreico').hide();
		$('#sidelist ul li').find('.moreico').eq(minH).show();
	});
	// 绑定序列按钮

////////////////////////////
// f0切换
	
	// 左按钮单击事件
	var q=0;
	// 左按钮点击事件
	$('#leftbtn01').click(function() {
		// alert('')
		q--;
		if(q<=-1){
			left = -600*3;
			$('#f0tab .ullist').css('left',left);
			q=2;
		}
	var left =-600*q;
	$('#f0tab .ullist').stop().animate({'left':left+'px'}, 300)
	$('#bottombtn01  span').eq(q).addClass('redchoose').siblings('span').removeClass('redchoose');
	// $('#bottombtn01  span').eq(q).siblings('span').removeClass('redchoose');
	})
	// 右按钮点击事件
	$('#rightbtn01').click(function() {
		q++;
		if(q==3){
			left = 600*1;
			$('#f0tab .ullist').css('left',left);
			q=0;
		}
		var left=-600*q;
		$('#f0tab .ullist').stop().animate({'left':left+'px'}, 300)
		$('#bottombtn01  span').eq(q).addClass('redchoose').siblings('span').removeClass('redchoose');
	});
	//tab 标题被选中状态事件
	$('#bottombtn01  span').hover(function() {
		q=$(this).index();
		var left=-600*q;
		$('#f0tab .ullist').stop().animate({'left':left+'px'}, 300);	
		$('#bottombtn01  span').eq(q).addClass('redchoose').siblings('span').removeClass('redchoose');
	}, function() {		
	});
	// 左右按钮淡入淡出
	$('#f0tab').hover(function() {
		$('#leftbtn01').show();
	}, function() {
		$('#leftbtn01').hide();
	});

	// 页面向上返回顶部
	$('.top').click(function() {
	
		$('html,body').animate({'scrollTop':'0'},200);
	});




})// 文档结束符